<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title> - 流水列表</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">
	<link href="css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
     <link rel="stylesheet" href="css/page.css"/>
   

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/footable/footable.all.min.js"></script>

 	<script src="js/plugins/summernote/summernote.min.js"></script>
	<script src="js/plugins/summernote/summernote-zh-CN.js"></script>
	<script src="js/demo/summernote-demo.js"></script>

    <!-- 分页js -->
    <script type="text/javascript" src="js/jquery.page.js"></script>
   

    <!-- 自定义js -->
   <script src="js/content.js?v=1.0.0"></script>
    <script>
        $(document).ready(function() {

            $('.footable').footable();
            $('.footable2').footable();

        });

    </script>
    <script src="js/core.js"></script>
    <script src="js/CashRecord_list.js"></script>
    
</head>

<body class="gray-bg">

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h3 style="padding-top: 7px; display:inline;" id="update_add_title">流水列表
                    </h3>
                    </div>
                    
                    <div class="ibox-content">
                        <div class="row">
                        		<!-- 多条件搜索 -->
								<form class="form form-inline search-form-items" method="get" action="">
									<style>
										.form-inline .form-group {
											margin-right: 12px;
											margin-bottom: 15px;
										}
										
										.form-inline .btn {
											margin-bottom: 15px;
										}
										
										.form-group .right {
											display: inline-block;
										}
										
										@media (max-width: 768px) {
											.form-group .left {
												width: 25%;
											}
											.form-group .right {
												width: 70%;
											}
											.search-form-items .search-btn {
												width: 100%;
											}
										}
									</style>
									<div class="form-group item_status " style="padding-top: 10px; >
										<label class="left control-label"> <span>流水类型：</span> </label>
										<div class="right">
											<select  id="status" style="font-size: 13px;" class="form-control lyui-select select" style="font-size: 13px">
												<option value="">全部</option>
												<option value="1">现金购买</option>
												<option value="2">白条购买</option>
												<option value="3">现金退款</option>
												<option value="4">审核失败</option>
												<option value="6">优惠券</option>
												<option value="7">打款</option>
												<option value="8">还款</option>
												<option value="9">续期</option>
												<option value="10">开通白条</option>
											</select>
										</div>
									</div>
								<div class="form-group input-group search-form">
									<input type="text"  id="username" class="search-input form-control"  placeholder="用户姓名">
								</div>
								<div class="input-group search-form">
									<input type="text"  id="phone" class="search-input form-control"  placeholder="电话">
									<span class="input-group-btn"><a class="btn btn-default search-btn"  href="#" onclick="searchList();"><i class="fa fa-search"></i></a></span>
								</div>
							</form>
                        </div> 
						<div class="col-sm-0">
                            <div class="input-group">
                              	  数量：
                                <span id="thiscount"></span>
                            </div>
                        </div>
                        <table class="table table-stripped toggle-arrow-tiny" data-page-size="8">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>用户姓名</th>  
                                    <th>手机号码</th> 
                                    <th>交易编号</th>
                                    <th>申请时间</th>  
                                    <th>支付类型</th>
                                    <th>流水类型</th> 
                                    <th>更新时间</th>
                                    <th>操作</th> 
                                </tr>
                            </thead>
                            <tbody id="thislist">
                            </tbody>
                            <tbody>
                                <tr>
                                    <td colspan="8">
                                      <div id="pager"></div>         
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


	<!-- 审核失败-弹窗 -->
		<div class="modal inmodal" id="details" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content animated bounceInRight">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">关闭</span>
                    </button>
						<h4 class="modal-title" id="this_title1">失败描述</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							<label>失败原因</label>
							<div class="form-group">
								<div class="summernote" id="faileContentDetails"></div>
							</div>

						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>

</body>
</html>
